<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 
		minimum-scale=1.0, maximum-scale=1.0"/>
		<meta charset="UTF-8">
		<title>确认订单</title>
		<link href="../public/css/style.css" rel="stylesheet">
		<link href="../public/css/common.css" rel="stylesheet">
	    <script src="../public/js/jquery.js"></script>
	    <script type="text/javascript" src="../public/js/product.js" ></script>
	</head>
	<body class="layout_body">
		<div class="layout_content graybg">
			<header class="demo-header" style="padding-top: 10px;">
			    <div class="titleLeft flt">
			        <a href="index.html">
			        	<img src="../public/img/back.png" width="35px" height="33px">
			        </a>
			    </div>
			    <div class="titleRight flt text-center">确认订单</div>
			</header>
			<div class="whitebg">
				<div class="sizecolor">配送信息</div>
				<div class="message-detail paddingnot">
					<p style="padding-left: 7%;">
						收货人
						<input class="input" id="cnee" type="text" placeholder="请输入收货人" maxlength="30" required>
				        <a class="clear" onclick="javascript:document.getElementById('cnee').value=''"></a>
					</p>
					<p class="border1">
						联系方式
						<input class="input" id="cnee-tel" type="text" placeholder="请输入联系方式" maxlength="30" required>
				        <a class="clear" onclick="javascript:document.getElementById('cnee-tel').value=''"></a></p>
					</p>
					<p  class="border1">
						收货地址
						<input class="input" id="cnee-addr" type="text" placeholder="请输入收货地址" maxlength="30" required>
				        <a class="clear" onclick="javascript:document.getElementById('cnee-addr').value=''"></a></p>
					</p>
					<p class="border1">
						备注信息
						<input class="input" id="beizhu" type="text" placeholder="请输入备注信息（可选）" maxlength="30" required>
				        <a class="clear" onclick="javascript:document.getElementById('beizhu').value=''"></a></p>
					</p>
				</div>
			</div>
			<div class="whitebg">
				<div class="sizecolor flt" style="width: 40%;padding-right: 0;padding-bottom: 5px;">配送时间</div>
				<div class="flt text-right" style="width: 53%;font-size: 0.75em;padding: 12px 0 0 0;" onclick="timeShow()">
		            2016-10-22 16:20:10
				</div>
			</div>
			<div class="whitebg">
				<div class="sizecolor flt">商品信息</div><div class="frt sizecolor grayarrow" style="padding-top: 3px;">></div>
				<div class="clear_both"></div>
				<div class="ordetail-img">
					<div class="order-img">
						<div>
							<img src="../public/img/mango.png" />
						</div>
						<div class="order-img-font">
							<p class="product">生菜X1</p>
							<p class="guige">4kg/箱</p>
						</div>
					</div>
					<div class="order-img">
						<div>
							<img src="../public/img/qincai.png" />
						</div>
						<div class="order-img-font">
							<p class="product">油菜X3</p>
							<p class="guige">4kg/箱</p>
						</div>
					</div>
					<div class="order-img">
						<div>
							<img src="../public/img/shrimp.png" />
						</div>
						<div class="order-img-font">
							<p class="product">花生酱X4</p>
							<p class="guige">510g/箱</p>
						</div>
					</div>
					<div class="order-img">
						<div>
							<img src="../public/img/milk.png" />
						</div>
						<div class="order-img-font">
							<p class="product">苹果X1</p>
							<p class="guige">20kg/箱</p>
						</div>
					</div>
					<div class="order-img">
						<div>
							<img src="../public/img/paper.png" />
						</div>
						<div class="order-img-font">
							<p class="product">纸巾X1</p>
							<p class="guige">200抽/包</p>
						</div>
					</div>
				</div>
			</div>
			<div class="whitebg">
				<div class="sizecolor">选择支付</div>
				<div id="pay-select" class="zonge message-detail border-two pay-select">
					<input type="radio" name="radio" class="disn"/><label class="pay-check"></label>在线支付&nbsp;&nbsp;
					<input type="radio" name="radio" class="disn"/><label></label>线下支付
			    </div>
			    <div class="message-detail shangxiapay">
					<p class="text-center disn"><strong>商家暂未设置该支付方式</strong></p>
					<p><div class="zonge flt nowrap"><img src="../public/img/zhiicon.png" class="img-middle img-padding1"/>支付宝支付</div><div class="frt sizecolor grayarrow" style="padding-top: 3px;"><img src="../public/img/shopcart_chk_selected.png" width="18px" height="18px" class="img-bottom"/></div></p>
				</div>
				<div class="clear_both"></div>
				<div class="message-detail disn shangxiapay">
					<div class="zonge flt">收款账号</div><div class="frt sizecolor grayarrow" style="padding-top: 3px;" onclick="ShowAccount()">></div>
					<div class="clear_both"></div>
					<p>开户名称：张三</p>
					<p>开户银行：中国建设银行深圳市中旅公馆支行</p>
					<p>开户账号：44201215700052508420</p>
				</div>
			</div>
			<div class="whitebg">
				<div class="zonge flt">结算总额</div><div class="frt zonge" style=""><strong>￥32.60</strong></div>
				<div class="clear_both"></div>
				<div class="border-two text-right fontsize zhemanjian">
					<p>折扣：￥0.00</p>
					<p>运费：￥0.00</p>
					<p>优惠：￥0.00</p>
				</div>
				<div class="flt padding-adjust4"><strong>合计</strong></div><div class="frt money-color padding-adjust4"><strong>￥32.6</strong></div>
	            <div class="clear_both"></div>
	            <div class="dibu-fixed" style="padding-left: 0;">
	            	<div class="flt confirm-dibu1 padding-adjust2">需付款：<strong>￥32.6</strong></div><div class="flt confirm-dibu2">提交订单</div>
	            </div>
	            
			</div>
			<div id="fade" class="black_overlay" style="height: 123%;"></div>
			<div id="guige" class="timeguige text-center" style="width: 90%;left: 5%;bottom: 70px;">
				<div class="fontsize padding-adjust4 graybg" style="border-top-left-radius: 8px;border-top-right-radius: 8px;"><strong>请选择配送时间</strong></div>
				<div id="sese" style="height:275px ;overflow: auto;"></div>
				<div class="time-cofirm" onclick="CloseDiv();">确认</div>
			</div>
			
			<div id="account" style="height: 260px;overflow: auto;">
				
				<div class="message-detail">
					<div class="flt" style="width: 85%;">
						<p>开户名称：张三</p>
						<p>开户银行：中国建设银行深圳市中旅公馆支行</p>
						<p>开户账号：44201215700052508420</p>
				    </div>
				    <div class="zonge flt text-center" style="width: 15%;">
						<input type="radio" name="radio" class="disn"/><label class="pay-check"></label>
				    </div>
				</div>
				<div class="clear_both"></div>
				<div class="message-detail">
					<div class="flt" style="width: 85%;">
						<p>开户名称：张三</p>
						<p>开户银行：中国建设银行深圳市中旅公馆支行</p>
						<p>开户账号：44201215700052508420</p>
				    </div>
				    <div class="zonge flt text-center" style="width: 15%;">
						<input type="radio" name="radio" class="disn"/><label></label>
				    </div>
				</div>
				<div class="clear_both"></div>
				<div class="message-detail">
					<div class="flt" style="width: 85%;">
						<p>开户名称：张三</p>
						<p>开户银行：中国建设银行深圳市中旅公馆支行</p>
						<p>开户账号：44201215700052508420</p>
				    </div>
				    <div class="zonge flt text-center" style="width: 15%;">
						<input type="radio" name="radio" class="disn"/><label></label>
				    </div>
				</div>
				<div class="clear_both"></div>
				<div class="message-detail">
					<div class="flt" style="width: 85%;">
						<p>开户名称：张三</p>
						<p>开户银行：中国建设银行深圳市中旅公馆支行</p>
						<p>开户账号：44201215700052508420</p>
				    </div>
				    <div class="zonge flt text-center" style="width: 15%;">
						<input type="radio" name="radio" class="disn"/><label></label>
				    </div>
				</div>
				<div class="clear_both"></div>
				<div class="message-detail">
					<div class="flt" style="width: 85%;">
						<p>开户名称：张三</p>
						<p>开户银行：中国建设银行深圳市中旅公馆支行</p>
						<p>开户账号：44201215700052508420</p>
				    </div>
				    <div class="zonge flt text-center" style="width: 15%;">
						<input type="radio" name="radio" class="disn"/><label></label>
				    </div>
				</div>
			</div>
			<div id="fadeAccount" class="black_overlay" style="height: 123%;" onclick="CloseAccount();"></div>
	    </div>
	    <script type="text/javascript">
        	window.onload = function() 
            {
                radioFunction();
                accountRadio();
			}
        </script>
	</body>
</html>
